<template>
	<Spin :fix="fix">
        <Icon type="ios-loading" size="18" class="ui-spin-icon-load"></Icon>
        <div>{{ text }}</div>
    </Spin>
</template>

<script>
export default {
	name: '',
	props: {
		fix: {
			type: Boolean,
			default: true
		},
		text: {
			type: String,
			default: '加载中...'
		}
	}
}
</script>

<style>
.ui-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
    from { transform: rotate(0deg); }
    50%  { transform: rotate(180deg); }
    to   { transform: rotate(360deg); }
}
</style>